<template>
    <div>
      <select :value="aa" @change="handleChange1">
        <option value="101">北京</option>
        <option value="102">上海</option>
        <option value="103">武汉</option>
        <option value="104">广州</option>
        <option value="105">深圳</option>
      </select>

      <hr>
      <select :value="bb" @change="handleChange2">
        <option value="101">北京</option>
        <option value="102">上海</option>
        <option value="103">武汉</option>
        <option value="104">广州</option>
        <option value="105">深圳</option>
      </select>


    </div>
  </template>
  
  <script>
  export default {
    props:{
        aa:String,
        bb:String
    },
    methods:{
        handleChange1(e){
            this.$emit('update:aa',e.target.value)
        },
        handleChange2(e){
            this.$emit('update:bb',e.target.value)
        }
    }
  }
  </script>
  
  <style>
  </style>